.section-apply {
    height: 100%;

    #swiper-apply {
        height: 100%;
    }

    .img-title {
        font-size: px2em(32px);
        text-align: center;
        color: #194d9a;
        line-height: 1;
    }

    .swiper-pagination {
        bottom: px2rem(50px);
    }

    .swiper-pagination-bullet {
        width: px2rem(71px);
        height: 3px;
        background: #d6e1f5;
        opacity: 1;
        border-radius: 0;
    }

    .swiper-pagination-bullet-active {
        background: linear-gradient(to right, #4458fa 0, #5ed6ee 100%);
    }

    .swiper-slide {
        width: 100%;
        background: top center / 100% no-repeat;
        &.wcjj {
            background-image: url('./_imgs/apply_bg-1.jpg');
        }
        &.wct {
            background-image: url('./_imgs/apply_bg-2.jpg');
        }
    }

    .detail {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: px2rem(850);

        display: flex;
        flex-direction: column;

        button {
            @extend %clear-btn;
            margin: px2rem(40px auto 30px);
            width: 100%;

            > img {
                display: block;
                margin: auto;
                width: px2rem(320);
            }
        }
    }

    .content-scroller {
        margin: px2rem(30 auto 0);
        padding: px2rem(40 30);
        width: px2rem(571px);
        height: px2rem(773px);
        color: #fff;
        background: rgba($color: #132f4f, $alpha: 0.8);

        > .content {
            height: px2rem(590px);
            font-size: px2em(14);
            line-height: 1.5;
            text-align: justify;
            overflow: auto;
        }
    }
}
